// LOADER
@-webkit-keyframes loader {
  from { @include transform(translate(-50%,-50%) rotate(0deg));}
  to { @include transform(translate(-50%,-50%) rotate(360deg));}
}
@-moz-keyframes loader {
  from { @include transform(translate(-50%,-50%) rotate(0deg));}
  to { @include transform(translate(-50%,-50%) rotate(360deg));}
}
@-ms-keyframes loader {
  from { @include transform(translate(-50%,-50%) rotate(0deg));}
  to { @include transform(translate(-50%,-50%) rotate(360deg));}
}
@keyframes loader {
  from { @include transform(translate(-50%,-50%) rotate(0deg));}
  to { @include transform(translate(-50%,-50%) rotate(360deg));}
}


// UPDOWN
@-webkit-keyframes updown {
  0%{ @include transform(translate(0%,0%));}
  25%{ @include transform(translate(0%,-50%));}
  50%{ @include transform(translate(0%,0%));}
  75%{ @include transform(translate(0%,50%));}
  100%{ @include transform(translate(0%,0%));}
}
@-moz-keyframes updown {
  0%{ @include transform(translate(0%,0%));}
  25%{ @include transform(translate(0%,-50%));}
  50%{ @include transform(translate(0%,0%));}
  75%{ @include transform(translate(0%,50%));}
  100%{ @include transform(translate(0%,0%));}
}
@-ms-keyframes updown {
  0%{ @include transform(translate(0%,0%));}
  25%{ @include transform(translate(0%,-50%));}
  50%{ @include transform(translate(0%,0%));}
  75%{ @include transform(translate(0%,50%));}
  100%{ @include transform(translate(0%,0%));}
}
@keyframes updown {
  0%{ @include transform(translate(0%,0%));}
  25%{ @include transform(translate(0%,-50%));}
  50%{ @include transform(translate(0%,0%));}
  75%{ @include transform(translate(0%,50%));}
  100%{ @include transform(translate(0%,0%));}
}



// PULSE
@-webkit-keyframes pulse_animation {
  0% { @include transform(scale(1)); }
  50% { @include transform(scale(1.5)); }
  100% { @include transform(scale(1)); }
}
@-moz-keyframes pulse_animation {
  0% { @include transform(scale(1)); }
  50% { @include transform(scale(1.5)); }
  100% { @include transform(scale(1)); }
}
@-ms-keyframes pulse_animation {
  0% { @include transform(scale(1)); }
  50% { @include transform(scale(1.5)); }
  100% { @include transform(scale(1)); }
}
@keyframes pulse_animation {
  0% { @include transform(scale(1)); }
  50% { @include transform(scale(1.5)); }
  100% { @include transform(scale(1)); }
}
